<template>
  <div>
    <span class="tce-none" v-show="!d.text">请输入文本内容</span>
    <RichEditorInline ref="vRichEditorInline" :value="d.text" @changeData="onChangeData"/>
  </div>
</template>

<script>
import RichEditorInline from '@/view/comm/RichEditorInline'
export default {
  components: {
    RichEditorInline
  },
  props: {
    d: Object
  },
  mounted () {
    this.$refs.vRichEditorInline.focus()
  },
  methods: {
    onChangeData (v) {
      this.d.text = v
    }
  }
}
</script>

<style scoped>
.tce-none {
  position: absolute;
  top: 0;
  color: #f00;
}
.tt {
  height: 100%;
}
</style>
